<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>旅游攻略,自由行,自助游攻略,旅游社交分享网站 - 简游网</title>
  <meta name="author" content="简游旅行">
  <meta name="copyright" content="简游网络科技股份有限公司">
  <meta name="keywords" content="旅游,旅游网,旅游线路,旅行,出国旅游,自驾游,周边游,旅游网站,简游旅行">
  <meta name="description" content="简游!靠谱的旅游攻略,自由行,自助游分享社区,海量旅游景点图片、游记、交通、美食、购物等自由行旅游攻略信息,简游旅游网获取自由行,自助游攻略信息更全面">
  <script src="js/scrollreveal.min.js"></script>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="shortcut icon" href="images/logo简游.png">
  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/navbar.css">
  <link rel="stylesheet" href="css/recommend.css">
  <link rel="stylesheet" href="css/hotel.css">
  <link rel="stylesheet" href="css/cntl.css">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css">
  <link rel="stylesheet" href="css/main1119.css">
  <link rel="stylesheet" href="css/index.css">
  <script src="js/yall.min.js"></script>
  <script>
    document.addEventListener("DOMContentLoaded", yall);
  </script>
  <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
	<script type="text/javascript" src="js/banner.js"></script>
</head>

<body>
  <div id="preloader" class="preloader">
    <div id="loading-center">
      <img src="images/loading.gif" alt="">
    </div>
  </div>
  <!-- header -->
  <header>
    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top hc-top-up clearfix">
      <div class="container-fluid">
        <a href="index.html" class="hc-logobox">
          <img src="images/logo简游.png" /><span> 简游</span>
        </a>

        <div class="navbar-right hc-contact p768">
          <a href="logins.html" target="_blank">登录</a>
          <a href="register.html" target="_blank">注册</a>
        </div>
        <div id="oiBtn" class="hc-oi p1100">
          <em></em>
        </div>

        <ul id="navBox" class="nav navbar-nav navbar-right hc-navbox">
          <li>
            <a class="nav-on active" href="#">首页</a>
            <a class="nav-off anchor" href="#Hone">首页</a>
          </li>
          <li>
            <a class="nav-on" href="#">景点相册</a>
            <a class="nav-off anchor" href="#Photo">景点相册</a>
          </li>
          <li>
            <a class="nav-on" href="#">景点推荐</a>
            <a class="nav-off anchor" href="#Recommend">景点推荐</a>
          </li>
          <li>
            <a class="nav-on" href="#">美食推荐</a>
            <a class="nav-off anchor" href="#Cate">美食推荐</a>
          </li>
          <li>
            <a class="nav-on" href="#">酒店推荐</a>
            <a class="nav-off anchor" href="#Hotel">酒店推荐</a>
          </li>
          <li>
            <a class="nav-on" href="#">最新动态</a>
            <a class="nav-off anchor" href="#Dynamic">最新动态</a>
          </li>
          <li>
            <a class="nav-on" href="#">地图导航</a>
            <a class="nav-off anchor" href="#Map">地图导航</a>
          </li>
          <li>
            <a class="nav-on" href="#">联系我们</a>
            <a class="nav-off anchor" href="#About">联系我们</a>
          </li>
        </ul>
      </div>

    </nav>

    <div class="banner_wapper" id="Hone">
    <div class="frame">
      <!--主要内容》》》-->
      <div class="banners">
    
        <!--受保护块，不建议修改》》》-->
        <div class="click_left"><img class="get_height" onclick="banner_left_right('left')" src="images/banner_left.png"></div>
        <div class="click_right"><img onclick="banner_left_right('right')" src="images/banner_right.png"></div>
        <div class="number">
          <div class="numbers"></div>
          <div style="clear: both;"></div>
        </div>
        <!--《《《受保护块，不建议修改-->
        <!--onlick事件调用函数link(参数1，参数2)>>>参数1:跳转链接; 参数2:跳转方式（true:在新的窗口打开链接,false:在当前窗口打开链接）-->
        <div class="banner_img">
          <!--在此位置内添加img标签即可>>>-->
          <img class="banner_img7 lazy" src="images/img_29_large.jpg" data-src="images/banner1.jpg">
          <img class="banner_img2 lazy" src="images/img_29_large.jpg" data-src="images/banner2.jpg">
          <img class="banner_img3 lazy" src="images/img_29_large.jpg" data-src="images/banner3.jpg">
          <img class="banner_img4 lazy" src="images/img_29_large.jpg" data-src="images/banner4.jpg">
          <img class="banner_img5 lazy" src="images/img_29_large.jpg" data-src="images/banner5.jpg">
          <!--<<<在此位置内添加img标签即可-->
        </div>
        <!--此段代码不可移动位置-->
        <script type="text/javascript">
          loads();
        </script>
        <!--此段代码不可移动位置-->
      </div>
      <!--《《《主要内容-->
      </div>
    </div>
  </header>

  <!-- 景点相册 -->
  <div class="section" id="Photo">
    <div class="jd-title">
      <a href="javascrip:void(0)">景点相册<i class="badge">强烈推荐</i></a>
    </div>
    <div class="hot-card-wapper">
      <div class="hot-wapper">
        <div class="card">
          <div class="imgBox">
            <img class="lazy" src="images/img_29_large.jpg" data-src="images/海口骑楼小吃街.jpg">
          </div>
          <div class="details">
            <h2>海口骑楼小吃街</h2>
            <p>
            <p>国家AAA级景区</p>
            小吃街将骑楼、琼剧、黎锦、黄花梨、海捞瓷、小吃等六大海南元素融为一体。街内分设海南四大名菜、海鲜、海南特色小吃、海南特色粉、海南特色饮品、海南特产食品礼品共6个区域。
            该景区是海南第一家以特色餐饮小吃为主题的A级景区。
            现该小吃街已成为海口市民和各地游客来琼了解海南饮食文化和品尝侨乡美食的好去处。
            </p>
          </div>
        </div>
        <div class="card">
          <div class="imgBox">
            <img class="lazy" src="images/img_29_large.jpg" data-src="images/三亚南海观音.jpg">
          </div>
          <div class="details">
            <h2>三亚南海观音</h2>
            <p>
            <p>国家AAAAA级景区</p>
            南山位于海南省三亚市西南40公里处，是中国最南端的山，属热带海洋季风性气候，其空气质量和海水质量居全国首位，是一座展示中国佛教传统文化的大型园区。
            南山，面朝南海，是中国最南端的山，吉祥福泽之地。南山主要景点有南山寺、海上观音、不二法门、观音文化苑、天竺圣迹、佛名胜景观苑、十方塔林与归根园、佛教文化交流中心、素斋购物一条街等。
            </p>
          </div>
        </div>
        <div class="card">
          <div class="imgBox">
            <img class="lazy" src="images/img_29_large.jpg" data-src="images/海南分界洲岛旅游区.jpg">
          </div>
          <div class="details">
            <h2>海南分界洲岛旅游区</h2>
            <p>
            <p>国家AAAAA级景区</p>
            分界洲岛是中国首家海岛型国家5A级景区，被称为浮在南海上的美丽遗世孤岛。这座被称为浮在南海上的美丽遗世孤岛，有着明亮的海沙，湛蓝的大海，
            以及热带原始岛屿特有的地貌、稀有的海洋生物资源等。被誉为是“心灵的分界岛”、“坠落红尘的天堂”、“一个可以发呆的地方”。
            是海南岛黎族、苗族、回族等少数民族区域与汉族区域明显的人文分界线，也是陵水县与万宁市的行政分界线，更是适宜度假休闲、静心养神的 “心灵的分界线”。
            </p>
          </div>
        </div>
        <div class="card">
          <div class="imgBox">
            <img class="lazy" src="images/img_29_large.jpg" data-src="images/七仙岭温泉国家森林公园.jpg">
          </div>
          <div class="details">
            <h2>七仙岭温泉森林公园</h2>
            <p>
            <p>国家AAAA级景区</p>
            七仙岭温泉国家森林公园位于保亭黎族苗族自治县的东北边，景区规划面积约22平方千米，七仙岭温泉国家森林公园主要分三个游览区域，
            第一区域是七仙岭国家公园体验之旅，另外两个区域分别为热带雨林猎奇之旅、探险登峰之旅。包括温泉区和森林区两部分，
            其魅力在于温泉、奇峰、民族风情和热带田园风光。
            </p>
          </div>
        </div>
        <div class="card">
          <div class="imgBox">
            <img class="lazy" src="images/img_29_large.jpg" data-src="images/天涯海角游览区.jpg">
          </div>
          <div class="details">
            <h2>天涯海角游览区</h2>
            <p>
            <p>国家AAAA级景区</p>
            天涯海角游览区，位于三亚市天涯区，距主城区西南约23公里处，背对马岭山，面向茫茫大海，是海南建省20年第一旅游名胜，新中国成立60周年海南第一旅游品牌，
            国家AAAA级旅游景区。
            景区海湾沙滩上大小百块石耸立，“天涯石”、“海角石”、“日月石”和“南天一柱”突兀其间。对于热恋的情侣，有两件事最浪漫：陪TA 到天涯海角；一起慢慢变老。
            </p>
          </div>
        </div>
        <div class="card">
          <div class="imgBox">
            <img class="lazy" src="images/img_29_large.jpg" data-src="images/清水湾旅游区.jpg">
          </div>
          <div class="details">
            <h2>清水湾旅游区</h2>
            <p>
            <p>国家AAAA级景区</p>
            清水湾位于陵水县东部沿海，海滩狭长，与土福湾一衣带水，北眺南湾猴岛，跨越英州、新村两个乡镇。这里被誉为“海南最令人期待的海岸线”，
            其海岸线长达12公里，南北纵深最窄处为1公里，更令世人惊艳的是，这条弧形的海岸一边是礁岩，一边是银滩。东端礁石林立，坐看云起云落，
            中西端，犹如一路舒展的闪亮银练，静卧于碧海蓝天之间，为海天勾勒绝美相框。
            </p>
          </div>
        </div>


        <div class="card">
          <div class="imgBox">
            <img class="lazy" src="images/img_29_large.jpg" data-src="images/椰田古寨景区.jpg">
          </div>
          <div class="details">
            <h2>椰田古寨景区</h2>
            <p>
            <p>国家AAA级景区</p>
            椰田古寨景区位于海南省陵水黎族自治县英州镇东线高速公路出口，景区交通十分便捷，距三亚市40公里，距三亚凤凰国际机场50公里，
            是海南省三亚大旅游圈的重要组成部分，是展示海南省黎、苗族民俗文化的重要窗口之一。
            同时与陵水县各景区相依托，共筑陵水珍珠海岸·椰风海韵醉游人。
            </p>
          </div>
        </div>
        <div class="card">
          <div class="imgBox">
            <img class="lazy" src="images/img_29_large.jpg" data-src="images/白沙起义纪念园.jpg">
          </div>
          <div class="details">
            <h2>白沙起义纪念园</h2>
            <p>
            <p>国家AA级景区</p>
            白沙起义纪念园是海南省爱国主义教育基地，位于琼中红毛镇境内，为纪念1943年8月由黎族首领王国兴、
            王玉锦领导的白沙黎族苗族人民武装起义而建，是缅怀先烈的红色旅游基地。
            白沙起义纪念园于1987年9月动工兴建，1988年11月竣工。纪念园占地20.03亩，纪念碑高17.2米，由碑身、碑座、基座、碑庭组成，
            各部平面呈方形，碑为花岗岩石条结构。
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!-- 景点推荐 -->
  <div class="section" id="Recommend">
    <div class="scenic-title">
      <a href="javascrip:void(0)">景点推荐<i class="badge">必去游点</i></a>
    </div>
    <div class="container">
        <header class="clearfix">
            <h1>精彩下一站，灵感在这找！</h1>
        </header>	
        <div id="tabs" class="tabs">
            <nav>
                <ul>
                    <li><a href="#section-1" class="icon-shop"><span>海口</span></a></li>
                    <li><a href="#section-2" class="icon-cup"><span>三亚</span></a></li>
                    <li><a href="#section-3" class="icon-food"><span>儋州</span></a></li>
                    <li><a href="#section-4" class="icon-lab"><span>保亭</span></a></li>
                    <li><a href="#section-5" class="icon-truck"><span>陵水</span></a></li>
                </ul>
            </nav>
            <div class="content">
                <section id="section-1">
                    <div class="mediabox">
                        <a href="attractions1.html" target="_blank" title="点击查看"><img class="lazy" src="images/img_29_large.jpg" data-src="images/海南热带野生动植物园.jpg" alt="img01" /></a>
                        <h3>海南热带野生动植物园</h3>
                        <p>海南热带野生动植物园是中国首家集珍稀野生动植物科普博览、保护繁殖、观光旅游、休闲度假为主题的AAAA ...</p>
                    </div>
                    <div class="mediabox mediabox_2">
                        <a href="attractions2.html" target="_blank" title="点击查看"><img class="lazy" src="images/img_29_large.jpg" data-src="images/海瑞墓.jpg" alt="img02" /></a>
                        <h3>海瑞墓</h3>
                        <p>海瑞墓，位于海口市西郊滨涯村，为国家级重点文物保护单位。海瑞墓园始建于明万历十七年（1589年）...</p>
                    </div>
                    <div class="mediabox mediabox_2">
                        <a href="attractions3.html" target="_blank" title="点击查看"><img class="lazy" src="images/img_29_large.jpg" data-src="images/假日海滩.jpg" alt="img03" /></a>
                        <h3>假日海滩</h3>
                        <p>假日海滩位于海口西海岸，距市中心约10公里，东与西秀海滩公园相连。假日海滩有许多高档海滨度假村 ...</p>
                    </div>
                </section>
                <section id="section-2">
                    <div class="mediabox">
                        <a href="attractions4.html" target="_blank" title="点击查看"><img class="lazy" src="images/img_29_large.jpg" data-src="images/大小洞天旅游区.jpg" alt="img04" /></a>
                        <h3>大小洞天旅游区</h3>
                        <p>大小洞天旅游区，位于三亚市区以西40公里的南山西南隅，总面积为22.5平方公里，景区已有800多年历史 ...</p>
                    </div>
                    <div class="mediabox mediabox_2">
                        <a href="attractions5.html" target="_blank" title="点击查看"><img class="lazy" src="images/img_29_large.jpg" data-src="images/亚龙湾热带天堂森林旅游区.jpg" alt="img05" /></a>
                        <h3>亚龙湾热带天堂森林旅游区</h3>
                        <p>亚龙湾热带天堂森林公园位于中国唯一的热带滨海城市海南省三亚市亚龙湾国家旅游度假区。总面积1506公顷 ...</p>
                    </div>
                    <div class="mediabox mediabox_2">
                        <a href="attractions6.html" target="_blank" title="点击查看"><img class="lazy" src="images/img_29_large.jpg" data-src="images/南山文化旅游区.jpg" alt="img06" /></a>
                        <h3>南山文化旅游区</h3>
                        <p>南山位于海南省三亚市西南40公里处，是中国最南端的山，属热带海洋季风性气候，其空气质量和海水质量居 ...</p>
                    </div>
                </section>
                <section id="section-3">
                    <div class="mediabox">
                        <a href="attractions7.html" target="_blank" title="点击查看"><img class="lazy" src="images/img_29_large.jpg" data-src="images/东坡书院.jpg" alt="img02" /></a>
                        <h3>东坡书院</h3>
                        <p>位于儋州市中和镇东郊的东坡书院属全国重点文物保护单位，占地147亩，始建于北宋绍圣四年（1097年）...</p>
                    </div>
                    <div class="mediabox mediabox_2">
                        <a href="attractions8.html" target="_blank" title="点击查看"><img class="lazy" src="images/img_29_large.jpg" data-src="images/海花岛.jpg" alt="img06" /></a>
                        <h3>海花岛</h3>
                        <p>位于海南儋州的“中国海南海花岛”是恒大重构世界文化旅游版图之作，涵盖国际会议中心、国际会展中心 ...</p>
                    </div>
                    <div class="mediabox mediabox_2">
                        <a href="attractions9.html" target="_blank" title="点击查看"><img class="lazy" src="images/img_29_large.jpg" data-src="images/松涛天湖风景区.jpg" alt="img01" /></a>
                        <h3>松涛天湖风景区</h3>
                        <p>松涛天湖是国家级AAA级景区，位于儋州市区东南14公里处，南渡江上游，跨儋州、白沙和琼中三个市县 ...</p>
                    </div>
                </section>
                <section id="section-4">
                    <div class="mediabox">
                        <a href="attractions10.html" target="_blank" title="点击查看"><img class="lazy" src="images/img_29_large.jpg" data-src="images/槟榔谷黎苗文化旅游区.jpg" alt="img03" /></a>
                        <h3>槟榔谷黎苗文化旅游区</h3>
                        <p>海南槟榔谷黎苗文化旅游区创建于1998年，位于保亭县与三亚市交界的甘什岭自然保护区境内。景区坐落在 ...</p>
                    </div>
                    <div class="mediabox mediabox_2">
                        <a href="attractions11.html" target="_blank" title="点击查看"><img class="lazy" src="images/img_29_large.jpg" data-src="images/海南呀诺达雨林文化旅游区.jpg" alt="img01" /></a>
                        <h3>海南呀诺达雨林文化旅游区</h3>
                        <p>海南呀诺达雨林文化旅游区是中国唯一地处北纬18度的热带雨林，是海南岛五大热带雨林精品的浓缩，是海南 ...</p>
                    </div>
                    <div class="mediabox mediabox_2">
                        <a href="attractions12.html" target="_blank" title="点击查看"><img class="lazy" src="images/img_29_large.jpg" data-src="images/神玉岛文化旅游度假区.jpg" alt="img04" /></a>
                        <h3>神玉岛文化旅游度假区</h3>
                        <p>保亭神玉文化园旅游区，简称“神玉岛”。是以中华玉文化和生态文化为主题，融合文化生态旅游景区、健康养生度假 ... </p>
                    </div>
                </section>
                <section id="section-5">
                    <div class="mediabox">
                        <a href="attractions13.html" target="_blank" title="点击查看"><img class="lazy" src="images/img_29_large.jpg" data-src="images/南湾猴岛生态旅游区.jpg" alt="img02" /></a>
                        <h3>南湾猴岛生态旅游区</h3>
                        <p>南湾猴岛生态景区位于中国海南省陵水县南约14公里的南湾半岛，总面积10.2平方公里，是世界上唯一的热带海岛型猕猴 ...</p>
                    </div>
                    <div class="mediabox mediabox_2">
                        <a href="attractions14.html" target="_blank" title="点击查看"><img class="lazy" src="images/img_29_large.jpg" data-src="images/椰田古寨景区2.jpg" alt="img06" /></a>
                        <h3>椰田古寨景区</h3>
                        <p>椰田古寨景区位于海南省陵水黎族自治县英州镇东线高速公路出口，景区交通十分便捷，距三亚市40公里，距三亚凤凰 ...</p>
                    </div>
                    <div class="mediabox mediabox_2">
                        <a href="attractions15.html" target="_blank" title="点击查看"><img class="lazy" src="images/img_29_large.jpg" data-src="images/海南分界洲岛旅游区2.jpg" alt="img01" /></a>
                        <h3>海南分界洲岛旅游区</h3>
                        <p>分界洲岛是中国首家海岛型国家5A级景区，被称为浮在南海上的美丽遗世孤岛。位于海南岛的东南海面，距海南岛最近海岸 ...</p>
                    </div>
                </section>
            </div><!-- /content -->
        </div><!-- /tabs -->
        <p class="info">biu！biu！旅途愉快</p>
    </div>
  </div>

  <!-- 路线查找 -->
  <div class="section hidden-xs" id="Map">
    <div class="map-route">
      <a href="javascrip:void(0)">路线查找<i class="badge">精准定位</i></a>
    </div>
    <div class="map-wapper">
     
    <div class="map-warp">
      <div class="map-title-wapper">
        <div class="map-title">
        <h2>认识海南</h2>
        <h2>ABOUT HAINAN</h2>
        <p>
          作为祖国南海上的一颗明珠，海南不仅有着自己独特的地理和资源优势，更有着南方特有的热情和奔放，它用蓝天、白云、阳光、大海拥抱着每一个不远万里而来的朋友。
          <br>
          跳入大海，与鱼儿一起畅游！吹着海风，畅快挥杆吧，天地间尽是自在！骑行、自驾，或者高铁都好，来环岛吧，细腻的感受这每一寸土地！到黎苗族朋友中来吧，感受淳朴的热情和甘甜的美酒！泡在温泉里吧，每一个毛孔和神经都会得到温暖和放松！
          <br>
          来海南吧，哪怕什么都不做，
          <br>
          光是呼吸，都会让你爱上它。
        </p>
        <a href="index.html">查看详情</a>
      </div>
    </div>
      <div id="myPageTop">
        <a href="javascript:void(0);" id="show">
            点击试试———路线工具（展开/收缩）
        </a>
        <div class="pageShow">
            <h3>搜索地址</h3>
            <input id="tipinput" placeholder="模糊地址搜索">
            <h3>搜索行车路径</h3>
            <input id="star" placeholder="行车开始地址">
            <span>—&nbsp;—</span>
            <input id="end" placeholder="行车结束地址">
            <span>—&nbsp;—</span>
            <a id="car" href="javascript:void(0);">
                点击搜索
            </a>
    
            <h3>搜索骑行路径</h3>
            <input id="cStar" placeholder="骑行开始地址">
            <span>—&nbsp;—</span>
            <input id="cEnd" placeholder="骑行结束地址">
            <span>—&nbsp;—</span>
            <a id="riding" href="javascript:void(0);">
                点击搜索
            </a>
    
            <h3>搜索步行路径</h3>
            <input id="wStar" placeholder="步行开始地址">
            <span>—&nbsp;—</span>
            <input id="wEnd" placeholder="步行结束地址">
            <span>—&nbsp;—</span>
            <a id="walk" href="javascript:void(0);">
                点击搜索
            </a>
            <div style="margin:20px 0;">
                <a id="box" href="javascript:void(0);">
                    鼠标右键拖取选框放大地图
                </a>
                <a id="meter" href="javascript:void(0);">
                    测量距离
                </a>
            </div>
        </div>
    </div>
    <div class="map-content">
      <div id="container"></div>
    </div>
    <div id="panel"></div>
    </div>
  </div>
  </div>
  <!-- 美食推荐 -->
  <div class="section" id="Cate">
    <div class="food-title">
      <a href="food2.html" title="点击更多" target="_blank">美食推荐<i class="badge">特色美食</i></a>
    </div>
    <div class="food-card-wapper">
      <div class="cols-wrapper">
		  <div class="cols">
					<div class="col" ontouchstart="this.classList.toggle('hover');">
						<div class="col-container">
							<div class="front" style="background-image: url(images/海南鸡饭.jpg)">
								<div class="inner">
									<p>海南鸡饭</p>
		              <span>海口美兰区文明西路</span>
								</div>
							</div>
							<div class="back">
								<div class="inner">
                  <a href="food3.html" target="_blank" title="点击查看">
                    <p>
                      海南鸡饭，重点就是饭，煮过鸡的汤再来煮饭，最好的鸡饭选用的“文昌鸡”。
                      米饭吸收了鸡油，油润软滑，颗粒分明。好吃的文昌鸡饭一般保有文昌鸡的鲜甜，
                      充分吸收了鸡油的米饭更是喷香无比，一碗怎么够！啊Vo，再加一碗！
                    </p>
                </a>
								</div>
							</div>
						</div>
					</div>
					<div class="col" ontouchstart="this.classList.toggle('hover');">
						<div class="col-container">
							<div class="front" style="background-image:url(images/竹筒饭.jpg)">
								<div class="inner">
									<p>竹筒饭</p>
		              <span>五指山市水满乡</span>
								</div>
							</div>
							<div class="back">
								<div class="inner">
                  <a href="food4.html" target="_blank" title="点击查看">
                    <p>
                      一把米，一节竹子，一把火，就可以制成一种清香可口的美食——黎家竹筒饭。
                      竹筒里米饭被竹膜所包，香软可口，在飘逸出来的香味中，既有竹节的清香，又有米的浓香。
                    </p>
                  </a>
								</div>
							</div>
						</div>
					</div>
					<div class="col" ontouchstart="this.classList.toggle('hover');">
						<div class="col-container">
							<div class="front" style="background-image: url(images/临高烤乳猪.jpg)">
								<div class="inner">
									<p>临高烤乳猪</p>
		              <span>临高县万家惠超市正对面</span>
								</div>
							</div>
							<div class="back">
								<div class="inner">
                  <a href="food5.html" target="_blank" title="点击查看">
                    <p>
                      烤制好的乳猪全身金黄，泛着油光，同时空气中飘着浓郁的香味，让人忍不住想尝一块，吃下之后，嘴有余香，令人回味无穷。
                      但烤好的乳猪要趁热吃，放置几个小时之后，皮没那么脆，味道也会失色很多。
                    </p>
                  </a>
								</div>
							</div>
						</div>
					</div>
					<div class="col" ontouchstart="this.classList.toggle('hover');">
						<div class="col-container">
							<div class="front" style="background-image: url(images/和乐蟹.jpg)">
								<div class="inner">
									<p>和乐蟹</p>
		              <span>万宁市和乐大道</span>
								</div>
							</div>
							<div class="back">
								<div class="inner">
                  <a href="food6.html" target="_blank" title="点击查看">
                    <p>
                      和乐蟹是生长在万宁小海的一种青蟹，只因邻近小海的万宁市和乐镇人擅长抓蟹，“和乐蟹”才因此而得名。
                      蒸好的和乐蟹，掰开蟹壳，咸蛋黄一般油亮的蟹膏映入眼帘，吃上一口鲜嫩可口的蟹肉，唇齿留香。
                    </p>
                  </a>
								</div>
							</div>
						</div>
					</div>
				</div>
		 </div>
    </div>
    <div class="food-link">
        <a href="food2.html" target="_blank">更多<i class="fas fa-angle-double-right"></i></a>
      </div>
  </div>

  <!-- 酒店推荐 -->
  <div class="section" id="Hotel">
    <div class="food-title">
      <a href="javascrip:void(0)" >酒店推荐<i class="badge">精选酒店</i></a>
    </div>
    <div class="htmleaf-container">
      <header class="htmleaf-header">
        <h1>下一站，住哪儿？ <span>价格保障 服务保障 入住保障 种类保障</span></h1>
       
      </header>
      <div class="cntl">
        <span class="cntl-bar cntl-center">
          <span class="cntl-bar-fill"></span>
        </span>
  
        <div class="cntl-states">
          <div class="cntl-state">
            <div class="cntl-content">
              <h4>阳光海南，度假天堂。<i class="fas fa-umbrella-beach"></i></h4>
              <p>海南岛四季如春，这是人尽皆知的事实，当北国飘起皑皑白雪的时候，身处北纬18度的海南依然鸟语花香。海南岛属热带季风气候和热带海洋气候，遍地皆绿，空气清新，夏无酷暑，冬暖如春。海南冬季的平均气温更是在18℃以上，是全国难得的全年、全天候的海岛度假旅游胜地。</p>
            </div>
            <div class="cntl-icon cntl-center">'00</div>
          </div>
  
  
          <div class="cntl-state">
            <div class="cntl-content">
              <a href="hotel1.html" target="_blank"><h4><i class="fas fa-hand-point-left"></i> 三亚凤凰岛度假酒店</h4></a>
              <p>
                ★ 贴士<br>
                ★ 酒店还有健身室、泳池、儿童乐园、SPA等娱乐休闲设施
              </p>
              <p>★ 酒店内还有多个特色餐厅、海鲜餐厅、户外海滩烧烤，享受丰盛美食</p>
              <p>★ 酒店设有顶楼星空吧，可以在尽情品尝特色饮品，晚上还可以在星空吧观赏酒店夜景以及聆听海棠湾的阵阵涛声</p>
              <p>
                ★ 交通<br>
                ★ 距离三亚凤凰国际机场25分钟的车程
                </p>
              <p>★ 距离三亚市中心10分钟车程</p>
              <p>★ 距离三亚高铁站20分钟的车程</p>
              <p>★ 距离蜈支洲岛约50分钟左右车程</p>
            </div>
  
            <div class="cntl-image">
              <a href="hotel1.html" target="_blank" title="点击查看">
                <img class="lazy" src="images/img_29_large.jpg" data-src="images/三亚凤凰岛度假酒店.jpg">
              </a>
            </div>
            <div class="cntl-icon cntl-center">'01</div>
          </div>
  
          <div class="cntl-state">
            <div class="cntl-content">
              <a href="hotel2.html" target="_blank"><h4>海口鲁能希尔顿酒店<i class="fas fa-hand-point-right"></i></h4></a>
              <p>
                ★ 酒店位于琼山大道，地处风景秀丽的东海岸，在房间里即可欣赏海景
              </p>
              <p> ★ 酒店距离海口美兰国际机场约30分钟车程</p>
              <p>★ 酒店距离市中心约20分钟车程。</p>
              <p> 
                ★ 贴士<br>
                ★	酒店设有停车场，方便自驾游的蜂蜂
              </p>
              <p>★	酒店提供接机、接站和租车服务，方便蜂蜂们的出行</p>
              <p>★	酒店设有儿童乐园与儿童俱乐部，适合带孩子的蜂蜂</p>
            </div>
  
            <div class="cntl-image">
              <a href="hotel2.html" target="_blank" title="点击1更多">
                <img class="lazy" src="images/img_29_large.jpg" data-src="images/海口鲁能希尔顿酒店.jpg">
              </a>
            </div>
            <div class="cntl-icon cntl-center">'02</div>
          </div>
  
          <div class="cntl-state">
            <div class="cntl-content">
              <a href="hotel3.html" target="_blank"><h4><i class="fas fa-hand-point-left"></i>三亚·亚特兰蒂斯</h4></a>
              <p>
                ★ 三亚亚特兰蒂斯酒店坐落在海棠湾国家海岸，它以消失的亚特兰蒂斯大陆之谜为主题的度假圣地
              </p>
              <p>★ 海洋奇幻王国由水世界、失落的空间水族馆、美食广场、豪华客房4部分组成</p>
              <p>★ 作为综合体的度假酒店，为游客打造的是不出门也能嗨玩几天的度假模式</p>
              <p>
                ★ 贴士<br>
                ★ 距离海棠湾约9分钟车程
              </p>
              <p>★ 距离三亚市中心约51分钟车程</p>
              <p>★ 距离三亚凤凰国际机场约52分钟车程</p>
              <p>★ 距离三亚动车站约45分钟车程</p>
              <p>★ 距离海棠湾免税店车程约5分钟</p>
            </div>
  
            <div class="cntl-image">
              <a href="hotel3.html" target="_blank" title="点击更多">
                <img class="lazy" src="images/img_29_large.jpg" data-src="images/三亚·亚特兰蒂斯.jpg">
              </a>
            </div>
            <div class="cntl-icon cntl-center">'03</div>
          </div>
  
          <div class="cntl-state">
            <div class="cntl-content">
              <h4>海花岛欧堡酒店 <i class="fas fa-hand-point-right"></i> </h4>
              <p>
                 海花岛欧堡酒店是国内罕有的欧式城堡主题和自然主题单体酒店，规模体量位居亚洲单体酒店前列。
                 酒店由森林、海洋、沙漠、冰川4栋不同自然主题的欧式塔楼连接而成，观景视野绝佳。酒店共有客房5121间，
                 可容纳一万多名游客同时入住。四大风格主题客房、欧洲风情精彩表演、各国特色美味早餐，让您尽情享受欧罗巴旅居体验
              </p>
            </div>
  
            <div class="cntl-image"><img class="lazy" src="images/img_29_large.jpg" data-src="images/海花岛欧堡酒店.jpg"></div>
            <div class="cntl-icon cntl-center">'04</div>
          </div>
        </div>
      </div>
    </div>
  </div>

<!-- 数据展示 -->
<div class="section" id="Dynamic">
  <section class="section-2 p-0" id="Users">
    <div class="cover">
      <div class="overlay"></div>
      <div class="content text-center">
        <h1>欢迎来到简游官网，我们只给你展示最新最热的动态！</h1>
        <p>
          来了的朋友都喜欢我这里，希望你也会喜欢这里，给我提出宝贵建议。
        </p>
      </div>
    </div>
    <div class="container-fluid text-center">
      <div class="numbers d-flex flex-md-row flex-wrap justify-content-center">
        <div class="rect">
          <h1>2345</h1>
          <p>简游热度</p>
        </div>
        <div class="rect">
          <h1>6784</h1>
          <p>赞赏我们</p>
        </div>
        <div class="rect">
          <h1>1056</h1>
          <p>宝贵意见</p>
        </div>
        <div class="rect">
          <h1>9152</h1>
          <p>用户浏览</p>
        </div>
      </div>
    </div>
  </section>
  </div>


<!-- 页脚 -->
<div class="section" id="About">
  <footer class="footer_wapper">
    <div class="container-fluid p-0">
      <div class="row text-left">
        <div class="col-md-4 col-sm-5 footer_title">
          <h4 class="text-light">About us</h4>
          <p class="text-muted">关于我们 联系我</p>
          <div class="column text-light">
           <p><i class="fab fa-whatsapp">17608920178</i></p> 
           <p><i class="fab fa-whatsapp">17744895851</i></p> 
           <p><i class="fab fa-qq">1013756399</i></p>
           <p><i class="fab fa-weixin">Ahai1013756399</i></p>
           <p><a href="https://github.com/AH1013756399"><i class="fab fa-github">https://github.com/AH1013756399</i></a></p>
          </div>

        </div>
        <div class="col-md-4 col-sm-12 footer_title footer-Public">
          <h4 class="text-light">Follow Us</h4>
          <p class="text-muted">简游出行网！</p>
          <div class="column text-light us">
            <p>
              靠谱的旅游攻略,
              自由行,自助游分享社区,
              海量旅游景点图片，景点介绍、
              游记、美食、购物等自由行旅游攻略信息,
              自助游攻略信息更全面
            </p>
            <p><i class="fas fa-map-marker-alt">海南海口</i></p>
            <i class="fab fa-instagram"></i>
            <i class="fab fa-twitter"></i>
            <i class="fab fa-youtube"></i>
          </div>
        </div>
        <div class="col-md-4 col-sm-12 footer_title footer_titles footer-Public">
          <h4 class="text-light">Link Nav</h4>
          <p class="text-muted">友情导航链接</p>
          <div>
            <a href="#Hone">精彩首页</a>
            <a href="#Photo">景点相册</a>
            <a href="#Recommend">景点推荐</a>
          </div>
          <div>
            <a href="#Cate">美食推荐</a>
            <a href="#Hotel">酒店推荐</a>
            <a href="#Dynamic">最新动态</a>
          </div>
         <div>
          <a href="#Map">地图导航</a>
          <a href="food2.html">更多美食</a>
          <a href="hotel1.html">三亚酒店</a>
         </div>
          <div>
            <a href="hotel2.html">海口酒店</a>
            <a href="hotel3.html">豪华酒店</a>
            <a href="attractions1.html">海口景点</a>
          </div>
          <p class="pt-4 text-muted">版权归本人所有，它人不得盗取，如有侵权，请与我联系 ©2020 
            <span>明海科技</span>
          </p>
        </div>
      </div>
    </div>
  </footer>
</div>
<div class="footer-copright">
  <div class="copr">
    <p> <i class="fas fa-copyright" style="color: #fff;"></i> 2020 简游出行旅游官网</p>
  </div>
</div>

<!-- 返回顶部 -->
  <div class="to-top">
    <div class="top">
      <a href="#"><i class="fas fa-angle-up"></i></a>
    </div>
  </div>

  <script>

    $(window).load(function() {
      $('#preloader').fadeOut(3000);
    }) ;
  </script>
  <script src="js/navbar.js"></script>
  <script src="js/cbpFWTabs.js"></script>
  <script src="js/jquery.cntl.min.js"></script>
  <script src="http://cache.amap.com/lbs/static/es5.min.js"></script>
  <script src="http://webapi.amap.com/maps?v=1.3&key=c93e1e293e5b1c3dc581f3ff633144d3&plugin=AMap.Autocomplete,AMap.PlaceSearch,AMap.Walking,AMap.Riding"></script>
  <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
  <script src="js/index.js"></script>

</body>

</html>